<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <link type="text/css" rel="stylesheet" href="css/fruit2.css" />
    <link type="text/css" rel="stylesheet" href="css/index.css" />
    <title>比淘图书馆 比淘官网 </title>
</head>

<body>
    <!--网页头部-->
    <header>
        <div class="to">
            <ul class="to_left">
                <li><span><img src="img/送货地址.jpg" width="15px" height="15px" /></span></li>
                <li> <span>送货地址：广州&nbsp;&nbsp;&nbsp;&nbsp;</span></li>
                <li><span><img src="img/小喇叭.jpg" width="15px" height="15px" /></span></li>
                <li> <span>：防范金融诈骗提示</span></li>
            </ul>

            <ul class="to_right">
                <li><span>下午好, 请<a href="#">登录</a>&nbsp;&nbsp;&nbsp;&nbsp;</span></li>
                <li> <span>注册&nbsp;&nbsp;&nbsp;&nbsp;</span></li>
                <li><span>会员俱乐部&nbsp;&nbsp;&nbsp;&nbsp;</span></li>
                <li> <span>我的订单</span></li>
            </ul>
        </div>

        <div class="top">
            <div class="logo">
                <a href="#">
                    <img src="img/logo1.png" width="200px" height="70px" />
                </a>
            </div>
            <div class="search">
                <form>
                    <input type="search" value="" placeholder="心理罪" class="s_ipt" />
                    <input type="submit" value="搜索" class="s_btn" />
                </form>
                <div class="fl">
                    <a href="#">男装</a>
                    <a href="#">女装</a>
                    <a href="#">东野圭吾</a>
                    <a href="#">三只小熊</a>
                    <a href="#">ps游戏</a>
                </div>
            </div>
            <div class="i_car">
                <div class="car_t">购物车</div>
            </div>
        </div>
    </header>
    <!--网页主体内容-->
    <section class="center">
        <div class="menu_bg">
            <div class="menu">
                <nav class="nav">
                    <div class="nav_t">全部商品分类</div>
                </nav>
                <nav>
                    <ul class="menu_r">
                        <li class="active"><a href="index.html"><i style="color: blue;">首页</i></a></li>
                        <li class="active"><a href="food.html"><i style="color: blue;">食品点心</i></a></li>
                        <li><a href="fruit2.html"><i style="color: blue;">比淘生鲜</i></a></li>
                        <li><a href="toy.html"><i style="color: blue;">儿童玩具</i></a></li>
                        <li><a href="book.html"><i style="color: blue;">图书</i></a></li>
                        <li><a href="#"><i style="color: blue;">运动</i></a></li>
                        <li><a href="#"><i style="color: blue;">服装</i></a></li>
                        <li><a href="">比淘团购</a></li>
                    </ul>
                </nav>
                <a href="#" class="m_ad"><img src="img/phone.png" alt="" /></a>
            </div>
        </div>


        <!--End Menu End-->
        <div class="i_bg">
            <div class="postion">
                <span class="fl">全部 > "图书类" </span>

            </div>
            <!--Begin 筛选条件 Begin-->
            <div class="content ">
                <table border="0" class="choice">
                    <tr>
                        <td width="70">&nbsp; 特色分类：</td>
                        <td class="td_a">
                            <a href="#" class="now">小说</a>
                            <a href="#">文学</a>
                            <a href="#">传记</a>
                            <a href="#">青春Dole</a>
                            <a href="#">科幻</a>
                            <a href="#">悬疑</a>
                            <a href="#">散文</a>
                            <a href="#">纪实</a>
                            <a href="#">惊悚</a>
                            <a href="#">轻小说</a>
                            <a href="#">同人</a>
                            <a href="#">玄幻</a>
                            <a href="#">武侠</a>
                            <a href="#">教育</a>
                            <a href="#">儿童读物Dole</a>
                            <a href="#">科普百科</a>
                        </td>
                    </tr>
                    <tr>
                        <td>&nbsp; 价格：</td>
                        <td class="td_a">
                            <a href="#">0-50/a>
                                <a href="#" class="now">50-100</a>
                                <a href="#">100-199</a>
                                <a href="#">200-299</a>
                                <a href="#">300-399</a>
                        </td>
                    </tr>
                    <tr>
                        <td>文字语言：</td>
                        <td class="td_a">
                            <a href="#">中文</a>
                            <a href="#">英文</a>
                            <a href="#">日文</a>
                            <a href="#">韩文</a>
                            <a href="#">法文</a>
                            <a href="#">德文</a>
                            <a href="#">港台繁体</a>
                        </td>
                    </tr>
                    <tr>
                        <td>售卖方式：</td>
                        <td class="td_a">
                            <a href="#">单本</a>
                            <a href="#">系列</a>

                        </td>
                    </tr>
                </table>
            </div>
            <!--End 筛选条件 End-->

            <div class="content ">

                <div class="l_list">
                    <div class="list_t">
                        <span class="fl list_or">
                            <a href="#" class="now">默认</a>
                            <a href="#">
                                <span class="fl">销量</span>
                                <span class="i_up">销量从低到高显示</span>
                                <span class="i_down">销量从高到低显示</span>
                            </a>
                            <a href="#">
                                <span class="fl">价格</span>
                                <span class="i_up">价格从低到高显示</span>
                                <span class="i_down">价格从高到低显示</span>
                            </a>
                            <a href="#">新品</a>
                        </span>

                    </div>
                    <div class="list_c">

                        <ul class="cate_list">
                            <li>
                                <div class="img2"><a href="book4.html"><img src="img/pingfan.jpg" width="210"
                                            height="185" /></a></div>
                                <div class="price">
                                    <span>￥109.00</span>
                                </div>
                                <div class="name"><i><a href="book4.html"><i
                                                style="color: blue;">茅盾文学奖皇冠作品平凡的世界：全三册</i></a></i></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="#" class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="book3.html"><img src="img/dongyeguiwu.jpg" width="210"
                                            height="185" /></a></div>
                                <div class="price">
                                    <span>￥119.90</span>
                                </div>
                                <div class="name"><a href="book3.html"><i style="color: blue;">东野圭吾经典作品四册套装</i></a>
                                </div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="#" class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="book5.html"><img src="img/santi.jpg" width="210"
                                            height="185" /></a>
                                </div>
                                <div class="price">
                                    <span>￥70.20</span>
                                </div>
                                <div class="name"><a href="book5.html"><i style="color: blue;">中国科幻基石丛书：刘慈欣《三体》</i></a>
                                </div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="#" class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="book2.html"><img src="img/daomu.jpg" width="210"
                                            height="185" /></a>
                                </div>
                                <div class="price">
                                    <span>￥344.00</span>
                                </div>
                                <div class="name"><a href="book2.html"><i style="color: blue;">盗墓笔记套装（典藏纪念版全套9册）</i></a>
                                </div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="#" class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="img/xinlizui.jpg" width="210" height="185" /></a>
                                </div>
                                <div class="price">
                                    <span>￥206.90</span>
                                </div>
                                <div class="name"><a href="#">中国心理犯罪超人气之作《心理罪》纪念珍藏版五册</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="#" class="j_car">加入购物车</a>
                                </div>
                            </li>

                            <li>
                                <div class="img"><a href="#"><img src="img/shizongzui.jpg" width="210"
                                            height="185" /></a></div>
                                <div class="price">
                                    <span>￥158.00</span>
                                </div>
                                <div class="name"><a href="#">蜘蛛著作《十宗罪》全套七册+前传</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="#" class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="img/dongyeguiwu.jpg" width="210"
                                            height="185" /></a></div>
                                <div class="price">
                                    <span>￥119.90</span>
                                </div>
                                <div class="name"><a href="#">东野圭吾经典作品四册套装</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="#" class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="img/santi.jpg" width="210" height="185" /></a>
                                </div>
                                <div class="price">
                                    <span>￥70.20</span>
                                </div>
                                <div class="name"><a href="#">中国科幻基石丛书：刘慈欣《三体》</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="#" class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="img/daomu.jpg" width="210" height="185" /></a>
                                </div>
                                <div class="price">
                                    <span>￥344.00</span>
                                </div>
                                <div class="name"><a href="#">盗墓笔记套装（典藏纪念版全套9册）</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="#" class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="img/xinlizui.jpg" width="210" height="185" /></a>
                                </div>
                                <div class="price">
                                    <span>￥206.90</span>
                                </div>
                                <div class="name"><a href="#">中国心理犯罪超人气之作《心理罪》纪念珍藏版五册</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="#" class="j_car">加入购物车</a>
                                </div>
                            </li>

                            <li>
                                <div class="img"><a href="#"><img src="img/shizongzui.jpg" width="210"
                                            height="185" /></a></div>
                                <div class="price">
                                    <span>￥158.00</span>
                                </div>
                                <div class="name"><a href="#">蜘蛛著作《十宗罪》全套七册+前传</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="#" class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="img/dongyeguiwu.jpg" width="210"
                                            height="185" /></a></div>
                                <div class="price">
                                    <span>￥119.90</span>
                                </div>
                                <div class="name"><a href="#">东野圭吾经典作品四册套装</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="#" class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="img/santi.jpg" width="210" height="185" /></a>
                                </div>
                                <div class="price">
                                    <span>￥70.20</span>
                                </div>
                                <div class="name"><a href="#">中国科幻基石丛书：刘慈欣《三体》</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="#" class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="img/daomu.jpg" width="210" height="185" /></a>
                                </div>
                                <div class="price">
                                    <span>￥344.00</span>
                                </div>
                                <div class="name"><a href="#">盗墓笔记套装（典藏纪念版全套9册）</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="#" class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="img/xinlizui.jpg" width="210" height="185" /></a>
                                </div>
                                <div class="price">
                                    <span>￥206.90</span>
                                </div>
                                <div class="name"><a href="#">中国心理犯罪超人气之作《心理罪》纪念珍藏版五册</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="#" class="j_car">加入购物车</a>
                                </div>
                            </li>

                            <li>
                                <div class="img"><a href="#"><img src="img/shizongzui.jpg" width="210"
                                            height="185" /></a></div>
                                <div class="price">
                                    <span>￥158.00</span>
                                </div>
                                <div class="name"><a href="#">蜘蛛著作《十宗罪》全套七册+前传</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="#" class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="img/dongyeguiwu.jpg" width="210"
                                            height="185" /></a></div>
                                <div class="price">
                                    <span>￥119.90</span>
                                </div>
                                <div class="name"><a href="#">东野圭吾经典作品四册套装</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="#" class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="img/santi.jpg" width="210" height="185" /></a>
                                </div>
                                <div class="price">
                                    <span>￥70.20</span>
                                </div>
                                <div class="name"><a href="#">中国科幻基石丛书：刘慈欣《三体》</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="#" class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="img/daomu.jpg" width="210" height="185" /></a>
                                </div>
                                <div class="price">
                                    <span>￥344.00</span>
                                </div>
                                <div class="name"><a href="#">盗墓笔记套装（典藏纪念版全套9册）</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="#" class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="img/xinlizui.jpg" width="210" height="185" /></a>
                                </div>
                                <div class="price">
                                    <span>￥206.90</span>
                                </div>
                                <div class="name"><a href="#">中国心理犯罪超人气之作《心理罪》纪念珍藏版五册</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="#" class="j_car">加入购物车</a>
                                </div>
                            </li>
                        </ul>

                        <div class="pages">
                            <a href="#" class="p_pre">上一页</a>
                            <a href="#" class="cur">1</a>
                            <a href="#">2</a>
                            <a href="#">3</a>
                            <span>...</span>
                            <a href="#">20</a>
                            <a href="#" class="p_pre">下一页</a>
                        </div>


                    </div>
                </div>
            </div>
        </div>
    </section>

    <!--网页底部-->
    <footer class="center">
        <!-- Footer -->
        <div class="b_btm_bg b_btm_c">
            <ul class="b_btm">
                <li>
                    <a><img src="img/b1.png" width="62px" height="62px" /></a>
                    <div>
                        <h2>正品保障</h2>正品行货 放心购买
                    </div>
                </li>
                <li>
                    <a><img src="img/b2.png" width="62px" height="62px" /></a>
                    <div>
                        <h2>满88包邮</h2>满88包邮 免运费
                    </div>
                </li>
                <li>
                    <a><img src="img/b3.png" width="62px" height="62px" /></a>
                    <div>
                        <h2>天天低价</h2>天天低价 畅选无忧
                    </div>
                </li>
                <li>
                    <a><img src="img/b4.png" width="62px" height="62px" /></a>
                    <div>
                        <h2>准时送达</h2>收货时间由你做主
                    </div>
                </li>
            </ul>
        </div>
        <div class="b_nav">
            <dl>
                <dt><a href="#">新手上路</a></dt>
                <dd><a href="#">售后流程</a></dd>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">订购方式</a></dd>

            </dl>
            <dl>
                <dt><a href="#">配送与支付</a></dt>
                <dd><a href="#">货到付款区域</a></dd>
                <dd><a href="#">配送支付查询</a></dd>
                <dd><a href="#">支付方式说明</a></dd>
            </dl>
            <dl>
                <dt><a href="#">会员中心</a></dt>
                <dd><a href="#">资金管理</a></dd>
                <dd><a href="#">我的收藏</a></dd>
                <dd><a href="#">我的订单</a></dd>
            </dl>
            <dl>
                <dt><a href="#">服务保证</a></dt>
                <dd><a href="#">退换货原则</a></dd>
                <dd><a href="#">售后服务保证</a></dd>
                <dd><a href="#">产品质量保证</a></dd>
            </dl>
            <dl>
                <dt><a href="#">联系我们</a></dt>
                <dd><a href="#">网站故障报告</a></dd>
                <dd><a href="#">购物咨询</a></dd>
                <dd><a href="#">投诉与建议</a></dd>
            </dl>
            <div class="b_tel_bg">
                <p>
                    服务热线：<br />
                    <span>310-310-3100</span>
                </p>
            </div>
            <div class="b_er">
                <div class="b_er_c"><img src="img/er.jpg" width="120px" height="120px" /></div>
                <img src="img/ss.png" />
            </div>
        </div>
        <div class="btmbg">
            <div class="btm">
                &nbsp; &nbsp; &nbsp; &nbsp;备案/许可证编号：粤ICP备310310号-1-www.btbt.com Copyright© 比淘比淘网上超市 2019-2020，All Rights
                Reserved. 复制必究 ,
                Technical Support:310 Group <br />
                <img src="img/b_1.jpg" />
                <img src="img/b_2.jpg" />
                <img src="img/b_3.jpg" />
                <img src="img/b_4.jpg" />
                <img src="img/b_5.jpg" />
                <img src="img/b_6.jpg" />
            </div>
        </div>
        <!--Footer -->
    </footer>

</body>

</html>